/*首页banner*/
/*.slider-box {width:100%;height:100vh;display:flex;position:relative;z-index:0；max-height:1080px;margin-top:0px;transition:all .5s ease}*/
.slider-box{
	width:100%;height:100vh;
position:relative;z-index:0;
margin-top:0px;transition:all .5s ease;margin-top: 0px; 
background-size: cover;  background-attachment: fixed; 
/*background-image: url(/static/tn105/img/num_bg.jpg);*/
background-image: url(/upload/video/01.jpg);
background-position: 0% 100%; 


}

.banner_video{width:100%;height:100vh;position:relative;overflow: hidden;

}
.banner_video video{width:100vw;

object-fit: cover; object-position: 50% 60%; width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; 

}

.slider-box .swiper-slide{overflow:hidden;color:#fff}
.slider-box .swiper-container{width:100%;height:100%;position:absolute;left:0px;top:0px}
.slider-box .slide-inner{width:100%;height:100%;position:absolute;left:0px;top:0px;z-index:1;background-size:cover;background-position:center;display:flex;justify-content:center;align-items:center;text-align: center;}

/*左右*/
.slider-box .swiper-button-prev{background:transparent;width:55px;height:55px;line-height:53px;margin-top:-30px;text-align:center;border:2px solid #d4d3d3;border-radius:55px;opacity:0;visibility:hidden;transition:all .3s ease;left:25px;transform:translateX(50px)}
.slider-box .swiper-button-next{background:transparent;width:55px;height:55px;line-height:53px;margin-top:-30px;text-align:center;border:2px solid #d4d3d3;border-radius:55px;opacity:0;visibility:hidden;transition:all .3s ease;right:25px;transform:translateX(-50px)}
.slider-box:hover .swiper-button-prev{color: #fff;font-size: 30px;line-height: 42px;transform:translateX(0);opacity:1;visibility:visible;}
.slider-box:hover .swiper-button-next{color: #fff;font-size: 30px;line-height: 42px;transform:translateX(0);opacity:1;visibility:visible}
/*分页*/
.slider-box .swiper-pagination-bullet{width:15px;height:15px;line-height:15px;font-size:15px;color:#000;opacity:0.8;background:#fff;transition:all .2s ease}
.slider-box .swiper-pagination-bullet-active{opacity:1;background:#ff0000}
.slider-box .swiper-container-horizontal > .swiper-pagination-bullets{bottom:50px;max-width:1400px;padding:0 15px;margin:0 auto;left:50%;transform:translateX(-50%)}
.slider-box .swiper-pagination-custom{bottom:30px}
.slider-box .swiper-pagination-fraction{bottom:30px}
.slider-box .swiper-pagination{}
/*文字*/
.slider-box .slide-title{width: 100%;text-align: center;}
.slider-box .slide-text{width: 100%}

.slider-box .slide-btns{max-width:690px}
.slider-box .slide-title h2{font-size:100px;font-weight:600;line-height:1.2;color:#ffffff;margin:0 0 20px;text-transform:capitalize;transition:all .4s ease}
.slider-box .slide-line{height:2px;width:60px;background:#fff;margin-bottom:20px}
.slider-box .slide-text p{opacity:1;font-size:22px;font-weight:500;line-height:1.6;letter-spacing:normal;color:#ffffff;margin:0 0 40px;transition:all .4s ease}
.slider-box .slide-btns > a:first-child{margin-right:10px}

.slide-btn{background-color:#0c55a4;font-size:14px;font-weight:500;line-height:initial;text-align:center;color:#fff;padding:14px 32px;border:0px;border-radius:3px;text-transform:uppercase;display:inline-block;transition:all .4s ease}
.slide-btn:hover{background-color:#fff;color:#0c55a4}
.slide-btn:focus{background-color:#fff;color:#0c55a4}
.slide-btn:active{background-color:#fff;color:#0c55a4}




.top_num .container{ }


/*数学*/ 
.top_num{color:#333;width: 100%;background-color: #fff; height: 0px;position: absolute;

}
.top_num .num_box{
z-index: 999; width: 100%;	position: relative;top:-85px;border-radius: 15px;
/*font-size: 16px;line-height: 30px;margin: 0px 0px 0px 0px;padding: 0px;border-radius:15px 15px 15px 15px; 	*/
background-image: url(/static/tn105/img/num_bg.jpg);
background-position: 0% 70%;

} 

.top_num .num_box .item_li{}
.top_num .num_box .item_li {border-right: 1px solid #eee;}

.top_num .num_box .item_li:nth-child(1) {border-left: 0px solid #eee;}
.top_num .num_box .item_li:nth-child(4) {border-right: 0px solid #eee;}

/*.top_num .num_box .item_li:last-of-type {border-right: 0px solid #eee;}*/

.top_num .num_box .item_li h2{color:#155bb5;}
.top_num .num_box .item_li p{color:#333;}
.top_num .num_box .item_li i{color:#333;font-size: 30px}
.top_num .num_box .item_box{margin:40px;text-align:center}
.top_num .num_box .item_box h2{font-size:48px;color:#155bb5;line-height:48px;display:inline-block}
.top_num .num_box .item_box i{font-size:16px;color:#333;line-height:48px;display:inline-block;font-style:normal;font-weight: bold;}
.top_num .num_box .item_box p{font-size:16px;color:#333;line-height:30px;font-weight: bold;}
.top_num .num_box .item_box span{font-size:38px;color:#eb0000;line-height:30px;font-weight: bold;}




/* 小于768px  */
@media only screen and (max-width:768px){
/*.slider-box{height:40vh;margin-top:70px}*/
.slider-box .slide-title h2{font-size:20px;margin:0 0 15px}
.slider-box .slide-line{width:40px;margin-bottom:15px}
.slider-box .slide-text p{font-size:13px;font-weight:normal;margin:0 0 10px}
.slider-box .container{padding-top:0px}
.top_num .num_box .item_box h2{font-size:18px;}
.top_num .num_box .item_box{margin:10px;}

.top_num .num_box .item_box span{font-size:18px;color:#eb0000;line-height:30px;font-weight: bold;}

}

/* 大于769px  */
@media only screen and (min-width:769px){	
.slider-box .swiper-container-horizontal > .swiper-pagination-bullets{bottom:30px}
.slider-box .slide-title h2{font-size:40px}

.top_num .num_box .item_box h2{font-size:28px;}
.top_num .num_box .item_box{margin:30px;}

}

/* 大于769px  小于1024px */

@media only screen and (max-width:1024px) and (min-width:769px){	

.slider-box .slide-title h2{font-size:30px;margin:0 0 15px}
.slider-box .slide-line{width:40px;margin-bottom:15px}
.slider-box .slide-text p{font-size:16px}

}

/* 大于1024px */
@media only screen and (min-width:1024px){	


.top_num .num_box .item_box h2{font-size:48px;}
.top_num .num_box .item_box{margin:40px;}

}




.slide-box-up {
    -webkit-animation: slide-box-up .9s cubic-bezier(.25,.46,.45,.94) both;
    animation: slide-box-up .9s cubic-bezier(.25,.46,.45,.94) both
}

@-webkit-keyframes slide-box-up {
    0% {
        -webkit-transform: translateY(0px);
        transform: translateY(0px)
    }

    to {
        -webkit-transform: translateY(50px);
        transform: translateY(50px)
    }
}

@keyframes slide-box-up {
    0% {
        -webkit-transform: translateY(0px);
        transform: translateY(0px)
    }

    to {
        -webkit-transform: translateY(50px);
        transform: translateY(50px)
    }
}




.slide-box-down {
    -webkit-animation: slide-box-down .9s cubic-bezier(.25,.46,.45,.94) both;
    animation: slide-box-down .9s cubic-bezier(.25,.46,.45,.94) both
}

@-webkit-keyframes slide-box-down {
    0% {
    	-webkit-transform: translateY(150px);
        transform: translateY(150px)        
    }
    to {       
        -webkit-transform: translateY(0px);
        transform: translateY(0px)
    }
}

@keyframes slide-box-down {
    0% {       
        -webkit-transform: translateY(150px);
        transform: translateY(150px)
    }
    to {
        -webkit-transform: translateY(0px);
        transform: translateY(0px)
    }
}


 .slide-wrap-up {
 	
    -webkit-animation: slide-wrap-up .9s cubic-bezier(.25,.46,.45,.94) both;
    animation: slide-wrap-up .9s cubic-bezier(.25,.46,.45,.94) both
}

@-webkit-keyframes slide-wrap-up {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    to {
        -webkit-transform: translateY(-171px);
        transform: translateY(-171px)
    }
}

@keyframes slide-wrap-up {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    to {
        -webkit-transform: translateY(-171px);
        transform: translateY(-171px)
    }
}



 .slide-wrap-down {
    -webkit-animation: slide-wrap-down .9s cubic-bezier(.25,.46,.45,.94) both;
    animation: slide-wrap-down .9s cubic-bezier(.25,.46,.45,.94) both
}

@-webkit-keyframes slide-wrap-down {
    0% {
        -webkit-transform: translateY(-171px);
        transform: translateY(-171px)
    }

    to {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes slide-wrap-down {
    0% {
        -webkit-transform: translateY(-171px);
        transform: translateY(-171px)
    }

    to {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}